<template>
  <div ref="right2_container" style="height:90%"> </div>
</template>
<script>
import { Bar }from '@antv/g2plot';

export default{
  data(){
   return {



   }
},
mounted(){
 this.initChat();
},
methods:{
  //渲染图标
   initChat(){
      const data=[
        { year:'1951年', value: 38 },
        { year:'1952年', value: 52 },
        { year:'1956年', value: 61 },
        { year:'1957年', value: 145 },
        { year:'1958年', value: 48 },

      ];
const bar = new Bar(this.$refs.right2_container, {
     data,
     xField:'value',
     yField:'year',
     seriesField:'year',
     legend:{
       position:'top-left',
     },
});
 bar.render();
   }

}

}

</script>